<?php
/**
 * @package                Joomla.Site
 * @subpackage	         Viet Hung Template
 * @copyright        Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
 * @license                GNU General Public License version 2 or later; see LICENSE.txt
 */

// No direct access.
defined('_JEXEC') or die;

jimport('joomla.filesystem.file');

// check modules
$showRightColumn	= ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));
$showbottom			= ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showleft			= ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));

if ($showRightColumn==0 and $showleft==0) {
	$showno = 0;
}

JHtml::_('behavior.framework', true);

// get params
$color				= $this->params->get('templatecolor');
$logo				= $this->params->get('logo');
$navposition		= $this->params->get('navposition');
$app				= JFactory::getApplication();
$doc				= JFactory::getDocument();
$templateparams		= $app->getTemplate(true)->params;

$doc->addStyleSheet($this->baseurl.'/templates/system/css/system.css');
$doc->addStyleSheet($this->baseurl.'/templates/'.$this->template.'/css/reset.css', $type = 'text/css', $media = 'screen,projection');
$doc->addStyleSheet($this->baseurl.'/templates/'.$this->template.'/css/style.css', $type = 'text/css', $media = 'screen,projection');
$doc->addStyleSheet($this->baseurl.'/templates/'.$this->template.'/css/prettyPhoto.css', $type = 'text/css', $media = 'screen,projection');
$doc->addStyleSheet($this->baseurl.'/templates/'.$this->template.'/css/ui.totop.css', $type = 'text/css', $media = 'screen,projection');

// Fancybox CSS
$doc->addStyleSheet($this->baseurl.'/templates/'.$this->template.'/js/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7', $type = 'text/css', $media = 'screen,projection');
$doc->addStyleSheet($this->baseurl.'/templates/'.$this->template.'/js/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5', $type = 'text/css', $media = 'screen,projection');
$doc->addStyleSheet($this->baseurl.'/templates/'.$this->template.'/js/fancybox/source/jquery.fancybox.css?v=2.1.4', $type = 'text/css', $media = 'screen,projection');
/*
$files = JHtml::_('stylesheet', 'templates/'.$this->template.'/css/style.css', null, false, true);
if ($files):
	if (!is_array($files)):
		$files = array($files);
	endif;
	foreach($files as $file):
		$doc->addStyleSheet($file);
	endforeach;
endif;
*/
//$doc->addStyleSheet('templates/'.$this->template.'/css/'.htmlspecialchars($color).'.css');
if ($this->direction == 'rtl') {
	$doc->addStyleSheet($this->baseurl.'/templates/'.$this->template.'/css/template_rtl.css');
	if (file_exists(JPATH_SITE . '/templates/' . $this->template . '/css/' . $color . '_rtl.css')) {
		$doc->addStyleSheet($this->baseurl.'/templates/'.$this->template.'/css/'.htmlspecialchars($color).'_rtl.css');
	}
}
/*
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/javascript/md_stylechanger.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/javascript/hide.js', 'text/javascript');
*/ 

$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/jquery-2.0.0.min.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/jquery-migrate-1.1.1.min.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/jquery.easing.1.3.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/jquery.ui.totop.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/hoverIntent.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/superfish.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/slides.min.jquery.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/script.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/jquery.twitter.search.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/jflickrfeed.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/touchTouch.jquery.js', 'text/javascript');

// Fancy Box

$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/fancybox/lib/jquery.mousewheel-3.0.6.pack.js', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/fancybox/source/jquery.fancybox.js?v=2.1.4', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5', 'text/javascript');
$doc->addScript($this->baseurl.'/templates/'.$this->template.'/js/fancybox/source/viethung_fancybox.js', 'text/javascript');

?>
<!DOCTYPE html>
<html lang="vi">
<head>
    <jdoc:include type="head" />
    
   
    
    
    
    <style type="text/css">
		.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}
	</style>
    <meta charset="utf-8" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href='http://fonts.googleapis.com/css?family=Exo:400,700,400italic,700italic,800' rel='stylesheet' type='text/css'/>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700italic' rel='stylesheet' type='text/css'/>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic' rel='stylesheet' type='text/css'/>
    
    <!--[if lt IE 8]>
        <div style=' clear: both; text-align:center; position: relative;'>
            <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
             <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
            </a>
        </div>
    <![endif]-->
	
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
		<link href='http://fonts.googleapis.com/css?family=Exo:400' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Exo:400italic' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Exo:800' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Exo:800italic' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Exo:800' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:700italic' rel='stylesheet' type='text/css'>
	<![endif]-->
</head>

<body id="page1">
<div id="loginModule" style="width:400px;display: none;">   
    <jdoc:include type="modules" name="login" />
</div>
	<!--==============================header=================================-->
	<header>
        <div class="headerInfo">
            <div class="header-content">
                <div style="background-color: inherit; width: 500px; float:left;">Gio Hang</div>
                <div class="fright" style="background-color: inherit; width: 576px;">
                    <b style="color: red; z-index: 10;">alo</b>
                </div>
            </div>
        </div>
        <div style="clear: both !important;"></div>
        <div class="main">
			<div class="header-content">
				<div class="header-border">
					<div class="container_12">
						<div class="grid_12">
							<h1 class="logo"><a href="">Logo</a></h1>
							<nav id="main-menu">
								<ul class="menu responsive-menu">
									<li class="parent active"><a href=""><span></span>Home</a>
									</li>
									<li class="parent"><a href="#"><span></span>Hosting</a>
									</li>
									<li><a href="#"><span></span>Domain</a></li>
									<li class="li-pad parent"><a href="#"><span></span>Dịch vụ</a>
										<ul>
											<li><strong class="corner"></strong><a href="portfolio-1.html">Cài đặt website</a></li>
											<li><a href="portfolio-2.html">Quản Trị website</a></li>
											<li class="last"><a href="portfolio-3.html">Quảng cáo website</a></li>
										</ul>
									</li>
									<li class="parent"><a href="#"><span></span>Hỗ trợ</a>
										<ul>
											<li><strong class="corner"></strong><a href="blog-1.html">Vấn đề thường gặp</a></li>
											<li><a href="blog-2.html">Diễn đàn</a></li>
											<li class="last"><a href="blog-3.html">Liên hệ</a></li>
										</ul>
									</li>
									<!--
<li class="last"><a href="contacts.html"><span></span>Khách hàng</a></li>
-->                                 <?php $user = JFactory::getUser();?>
                                    <li class="last"><a class="fancybox" href="#loginModule"><span></span><?php $user->get('name') ? ($msg = "Logout"):($msg = "Login"); echo $msg?></a></li>
								</ul>
								<div class="clear"></div>
							</nav>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
        
            <jdoc:include type="message" />
        
		<div id="slides">
			<div class="slider-bg">
				<div class="slides_container">
					<div class="slide">
						<img src="<?php echo $this->baseurl.'/templates/'.$this->template ?>/images/image-1.jpg" alt="">
						<div class="caption">
							<strong class="size-1"><em class="color-1">Ý tưởng</em> tạo nên</strong>
							<strong class="size-2">sự <em class="color-1">khác biệt</em></strong>
							<strong class="size-3">Đừng bỏ quên ý tưởng của bạn!</strong>
							<div class="wrapper">
								<div class="fright">
									<a class="button-more" href="">Đăng ký</a>
								</div>
                                
								<div class="extra-wrap">
									<span>Bạn có ý tưởng mới, nhưng lại sợ, bạn không dám thực hiện vì nghĩ nó không hay... Đến một lúc nào đó, bạn sẽ nghe được tin có một cậu bé đã thành công vì ý tưởng nhỏ... bạn nhận ra rằng, lúc còn trẻ mình cũng đã từng nghĩ như thế... Tại sao bạn không thử thực hiện ý tưởng của bạn ngay bây giờ ? </span>
								</div>
							</div>
						</div>
					</div>
					<div class="slide">
						<img src="images/image-2.jpg" alt="">
						<div class="caption">
							<strong class="size-1"><em class="color-1">Sức mạnh</em> bắt nguồn</strong>
							<strong class="size-2">từ <em class="color-1">tình anh em</em></strong>
							<strong class="size-3">Đã đến lúc xây dựng diễn đàn cho nhóm ?</strong>
							<div class="wrapper">
								<div class="fright">
									<a class="button-more" href="#">Đăng ký</a>
								</div>
								<div class="extra-wrap">
									<span>Chia sẻ kinh nghiệm cho nhau, chia sẻ quan niệm, suy nghĩ hay xây dựng một kho kiến thức chung cho nhóm cũng là một ý hay để tạo nên sự thân thiết giữa các thành viên</span>
								</div>
							</div>
						</div>
					</div>
					<div class="slide">
						<img src="images/image-3.jpg" alt="">
						<div class="caption">
							<strong class="size-1"><em class="color-1">Myth.vn</em> mong muốn</strong>
							<strong class="size-2">cùng bạn xây <em class="color-1">ý tưởng</em></strong>
							<strong class="size-3">Tiết kiệm, thanh toán từng tháng</strong>
							<div class="wrapper">
								<div class="fright">
									<a class="button-more" href="#">Đăng ký</a>
								</div>
								<div class="extra-wrap">
									<span>Gói tiết kiệm cho phép các bạn kiểm tra chất lượng dịch vụ, tính phí từng tháng. Thanh toán bằng thẻ cào điện thoại đơn giản, nhanh chóng</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
    
	<div class="main">
		<!--==============================content================================-->
		<section id="content">
			<div class="border-content">
              
            <jdoc:include type="component" />
            <!-- 
				<div class="container_12 m45">
					<div class="wrapper m5">
						<div class="grid_4 indent-sw1">
							<div class="wrapper">
								<div class="img-pos touch width-sw4 img-sw1 m25">
									<a href="images/img-1.png">
										<img src="images/img-1.png" alt="" />
									</a>
								</div>
								<div class="aligncenter extra-wrap-sw">
									<p class="m25">Gói IDea1 : 30k/ tháng <br> Dung lượng: 500Mb <br> Băng thông 2GB<br> Database: 2</p>
									<a href="#" class="button st1">Đăng ký</a>
								</div>
							</div>
						</div>
						<div class="grid_4 indent-sw1">
							<div class="wrapper">
								<div class="img-pos touch width-sw4 img-sw1 m25">
									<a href="images/img-2.png">
										<img src="images/img-2.png" alt="" />
									</a>
								</div>
								<div class="aligncenter extra-wrap-sw">
									<p class="m25">Gói IDea2 : 50k/ tháng <br> Dung lượng: 1GB <br> Băng thông 5GB<br> Database: 3</p>
									<a href="#" class="button st1">Đăng ký</a>
								</div>
							</div>
						</div>
						<div class="grid_4">
							<div class="wrapper">
								<div class="img-pos touch width-sw4 img-sw1 m25">
									<a href="images/img-3.png">
										<img src="images/img-3.png" alt="" />
									</a>
								</div>
								<div class="aligncenter extra-wrap-sw">
									<p class="m25">Gói Comm : 70k/ tháng <br> Dung lượng: 2GB <br> Băng thông 10GB<br> Database: 5</p>
									<a href="#" class="button st1">Đăng ký</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="separator m4"></div>
				<div class="container_12 m5">
					<div class="wrapper">
						<div class="grid_12">
							<div class="wrapper">
								<div class="img-style2">
									<a class="button-more" href="#">CLICK</a>
								</div>
								<div class="extra-wrap overflow-sw1">
									<h2 class="m2">Chi tiết về chất lượng dịch vụ</h2>
									Myth.vn-hosting dùng hình thức thanh toán theo từng tháng với mong muốn quý được quý khách tin tưởng và hợp tác lâu dài. Trong quá trình vận hành sản phẩm, bất kỳ thắc mắc nào của quý khách cũng sẽ được giải đáp nhanh chóng thông qua email và điện thoại hỗ trợ. Quý khách có thể xem thêm chức năng của host tại đây.
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="m7 img-pos display-sw1">
					<img src="images/banner-1.png" alt="" />
				</div>
				<div class="container_12 m5">
					<div class="wrapper">
						<div class="grid_4 indent-sw1">
							<h2 class="m-top1 m2">Bạn có câu hỏi ?</h2>
							<p>Các câu hỏi như: làm sao chuyển tiền, thời gian xử lý đơn hàng? làm sao cài đặt website, forum? làm sao liên lạc với myth-hosting? các câu hỏi được giải đáp ở mục giải đáp nhanh - bạn vào xem nhé</p>
							<a href="#" class="button">Chi tiết</a>
						</div>
						<div class="grid_8">
							<div class="img-border img-pos">
								<img alt="" src="images/img-4.jpg">
							</div>
						</div>
					</div>
				</div>
				<div class="separator m45"></div>
				<div class="container_12">
					<div class="grid_12">
						<h2 class="m2">Bài viết nên xem</h2>
						<div class="wrapper">
							<div class="alpha grid_4 indent-sw1">
								<div class="wrapper">
									<div class="img-border img-pos m25 img-sw2">
										<img alt="" src="images/img-5.jpg">
									</div>
									<div class="extra-wrap-sw">
										<h5 class="m1">Quy định - Cam kết</h5>
										<p class="m25">Để đảm bảo chất lượng dịch vụ cũng như sự hợp tác được lâu dài, myth-hosting cũng có một số quy định và những cam kết </p>
										<a href="#" class="button">Xem chi tiết</a>
									</div>
								</div>
							</div>
							<div class="grid_4 indent-sw1">
								<div class="wrapper">
									<div class="img-border img-pos m25 img-sw2">
										<img alt="" src="images/img-6.jpg">
									</div>
									<div class="extra-wrap-sw">
										<h5 class="m1">Dành cho người mới</h5>
										<p class="m25">Nếu bạn lần đầu tiên tham gia vào việc tìm hiểu về website có thể tham khảo bài viết này nha. Sẽ giúp bạn dễ định hướng</p>
										<a href="#" class="button">Xem chi tiết</a>
									</div>
								</div>
							</div>
							<div class="grid_4 omega">
								<div class="wrapper">
									<div class="img-border img-pos m25 img-sw2">
										<img alt="" src="images/img-7.jpg">
									</div>
									<div class="extra-wrap-sw">
										<h5 class="m1">Gửi yêu cầu hỗ trợ</h5>
										<p class="m25">Nơi dành cho các bạn đang sử dụng dịch vụ của myth-hosting, sẽ được ưu tiên xử lý nhanh nhất khi gửi yêu cầu ở đây nha.</p>
										<a href="#" class="button">Gửi yêu cầu</a>
									</div>
								</div>
							</div>
						</div>
					</div>
                    
					<div class="clear"></div>
				</div>
                -->
			</div>
			<div class="content-bottom">
				<div class="container_12">
					<div class="wrapper">
						<div class="grid_4 indent-sw1">
                            <h2 class="m2">Thông báo mới</h2>
							<div id="twitter" class="m2"></div>
						</div>
						<div class="grid_4 indent-sw1">
							<div class="l-pad-sw1">
								<h2 class="m2">Site map</h2>
								<div id="flickrImages"></div>
							</div>
						</div>
						<div class="grid_4">
							<h2 class="m15">Liên kết</h2>
							<p class="m4">danh sách website</p>
							<h2 class="m2">Subscribe</h2>
							<form id="subscribe" class="form m25">
								<input type="text" value="Type your e-mail" onfocus="if(this.value =='Type your e-mail' ) this.value=''" onblur="if(this.value=='') this.value='Type your e-mail'" name="keyword">
								<a class="submit-button" onclick="document.getElementById('subscribe').submit()">go</a>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<!--==============================footer=================================-->
		<footer>
			<div class="footer-wrapper">
				<div class="footer-border">
					<div class="wrapper">
						<div class="footer-text">
							Bản quyền &copy; 2013 myth-hosting. All Rights Reserved. <br>
							Nếu bạn cần thêm thông tin, vui lòng liên hệ lektmt03@gmail.com
						</div>
						<ul class="social-buttons">
							<li><a href="#"></a></li>
							<li class="item-2"><a href="#"></a></li>
							<li class="item-3"><a href="#"></a></li>
							<li class="item-4"><a href="#"></a></li>
							<li class="item-5"><a href="#"></a></li>
							<li class="item-6"><a href="#"></a></li>
							<li class="item-7"><a href="#"></a></li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
		<a href="#" id="toTop">
			<span id="toTopHover">Up</span>
		</a>
	</div>
    
</body>
<script src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"></script>
<script>
	$(document).ready(function(){
        "use strict";
		$('.touch a').touchTouch();
	});
</script>
</html>

<!--
<script type="text/javascript">
var arrayHung =  new Array();
arrayHung[0]= "Em yêu c?a anh!";
arrayHung[1]= "Anh yêu em r?t nhi?u!";
arrayHung[2]= "Anh yêu em r?t nhi?u!"
var json = JSON.stringify(arrayHung);
$("#hung").val(json);
alert(json);

function hung (){
    
}
</script>
-->
